<script setup lang='ts'>
const {title} = defineProps<{ title: string, num:number}>()
</script>

<template>
    <div class="contentpc">
        <div class="titleData">
            <div class="logo"></div>
        </div>
        <div class="text">
            <h1>{{title}}</h1>
            <p>沙雕动画素材网</p>
        </div>
    </div>
</template>

<style scoped>
.contentpc {
    max-width: 1500px;
    height: 70px;
    margin: auto;
    margin-top: 20px;
    position: relative;
}

.logo {
    background: url('../../../public/1.png') no-repeat 0 0;
    background-size: 1680px 80px;
    background-position-x: v-bind(num + 'px');
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
}

.text {
    margin-left: 90px;
    position: relative;
    top: 5px;
}
</style>